<template>
  <div class="error">
    <div class="error-content">请求失败，请稍后重试！</div>
  </div>
</template>

<script>
import { onMounted } from 'vue'
export default {
  setup() {
    onMounted(async () => {
      document.title = '出错啦'
    })
  }
}
</script>

<style lang="less" scoped="scoped">
.error {
  min-height: 100vh;
  background-color: #f2d4b0;
  .error-content {
    width: 375px;
    height: 603px;
    background-image: url(../../assets/error.png);
    background-size: 100% 100%;

    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 45px;
    padding-left: 10px;
    font-size: 17px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #999999;
  }
}
</style>
